.login{
	text-align: center;
	.header{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		.box{
			display: flex;
			align-items: center;
		}
		.icon{
			width: 22rpx;
			height: 28rpx;
		}
	}
	.top{
		height: 720rpx ;
		position: relative;
		background: linear-gradient(180deg, #92BBE5 0%, #D8E6F6 45.2909%, #F1F4F8 74.015%, white 100%);
		.item-input {
      height: 64rpx;
      line-height: 64rpx;
      font-size: 28rpx;
      color: #333;
      border-radius: 20rpx;
      border: 2rpx solid #000;
      padding: 0 24rpx;
	  position: absolute;
	  top: 790rpx;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 500rpx;
    }
	}
	.logo{
		width: 246rpx;
		height: 153rpx;
		flex-shrink: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.title{
		line-height: 56rpx;
		color: #000;
		font-size: 40rpx;
	}
	.wx_icon{
		width:48rpx !important;
		height:48rpx !important;
	}
	.btn{
		width: 654rpx;
		height: 96rpx;
		text-align: center;
		line-height: 96rpx;
		border-radius: 8rpx;
		// background: #28C445;
		background: linear-gradient(180deg, #252570 0%, #191960 100%);
		margin: 98rpx auto 32rpx;
		image{
			width: 38rpx;
			height: 32rpx;
			margin-right: 11.5rpx;
		}
	}
	.dark{
		.radio{
			width: 32rpx;
			height: 32rpx;
			margin-right: 8rpx;
			display: block;
		}
	}
}